<template>
  <el-container style="margin: 0">
    <el-main>
      <el-row style="margin-bottom: 30px">
        <el-col :span="24" style="height: 100%">
          <el-carousel
            indicator-position="outside"
            style="height: 45vh; padding: 0 auto"
          >
            <el-carousel-item
              v-for="item in imgArray"
              :key="item"
              style="height: 45vh; line-height: center"
            >
              <img :src="item" class="rightImg" />
            </el-carousel-item>
          </el-carousel>
        </el-col>
      </el-row>
      <el-divider
        style="background-color: #728aa9; margin-bottom: 40px"
        content-position="center"
        >爆炸新闻区</el-divider
      >
      <el-row :gutter="15" justify="space-around" type="flex">
        <el-col :span="11">
          <span
            style="
              font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman',
                serif;
              color: rgb(103, 103, 182);
            "
            >实验室公告&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;更多
            <el-icon><More /></el-icon>
          </span>
          <div class="demo-collapse">
            <el-collapse v-model="activeNames" @change="handleChange">
              <el-collapse-item
                title="关于公示2023年“实验室安全知识大赛获奖个人的通知&&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2023年11月3日"
                name="1"
              >
                <div>
                  各教学单位：<br />根据学校关于开展第三届“实验室安全文化宣传月”活动的通知，实验室建设与管理中心面向全体学生开展了2023年“实验室安全知识大赛”。在学校第三届“实验室安全文化宣传月”活动开展期间，各单位广泛动员，广大师生积极参与。在初赛的基础上，经各学院推荐，学校统一组织2023年“实验室安全知识大赛”校级决赛，根据决赛成绩评出一等奖10名、二等奖15名、三等奖25名。现将评奖结果予以公示
                  。<br />公示期自2023年10月15日至2022年10月17日。
                  <br />如有异议，请于公示期内以书面材料报送至成均楼A413(北)室。
                </div>
                <el-row @submit.prevent="addtask">
                  <el-col :span="18">
                    <el-input
                      v-model="textarea"
                      rows="1"
                      type="text"
                      placeholder="评论"
                    ></el-input>
                  </el-col>
                  <el-col :span="6">
                    <el-button type="primary" @click="pinglun">评论</el-button>
                  </el-col>
                </el-row>
                <el-row>
                  <el-col :span="24">
                    <ol>
                      <li :v-for="(item, index) in todos">{{ item }}</li>
                    </ol>
                  </el-col>
                </el-row>
              </el-collapse-item>
              <el-collapse-item
                title="高校第三届“实验室安全文化宣传月”活动开幕式通知&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2023年11月1日"
                name="2"
              >
                <div>
                  各学院：
                  <br />
                  为认真贯彻落实习近平总书记关于安全生产的重要论述，切实加强学校实验室安全管理，努力营造和谐稳定的校园环境，根据河南省教育厅和省高校实验室工作研究会统一部署，学校决定开展第三届“实验室安全文化宣传月”活动，拟定于9月27日组织收看“实验室安全文化宣传月”活动开幕式视频会议及实验室安全讲座直播，现将有关事项明确如下：
                  <br />
                  一、时间安排
                  <br />
                  9月27日（星期三）下午3:00
                </div>
              </el-collapse-item>
              <el-collapse-item
                title="关于报送2022-2023学年实验室信息统计数据的通知&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2023年10月30日"
                name="3"
              >
                <div>
                  各教学单位：
                  <br />
                  根据《教育部高等教育司关于报送2022-2023学年高等学校实验室信息统计数据的通知》(教高司函〔2023〕14号)和《河南省教育厅办公室转发教育部办公厅关于报送2022-2023
                  学年高等学校实验室信息统计数据的通知》(教高函〔2023〕634号)文件要求，请各相关单位做好实验室信息数据的统计工作，具体要求如下：
                  <br />
                  一、报送材料内容
                  <br />
                  请各教学单位填报基表四“教学实验项目表”、基表五“专任实验室人员表”、基表六“实验室基本情况表”和基表十“实验室设备维修记录表”，表格模版见附件1。
                  物理与电子信息学院、化学化工学院、生命科学学院、食品与药品学院、历史文化学院、国土与旅游学院还需填报基表三“贵重仪器设备表”。
                  <br />
                  二、报表统计时间
                  <br />
                  各报表统计时间为2022-2023学年（2022年9月1日至2023年8月31日）。
                  <br />

                  三、基表四中“实验所属学科”、基表五和基表六中“所属学科”，依据最新版的《普通高等学校本科专业目录》填写专业代码前四位；基表五中文化程度代码有调整请参考《高校实验室信息统计代码》填写。
                  <br />
                  四、材料报送
                  <br />
                  所有材料要同时上报纸质版和电子版，电子表格发送邮箱至sys@lynu.deu.cn。纸质报表经主管领导审核签字后，加盖单位公章，于9月22日前报送至学校实验室管理科李艳波老师处（成均楼A413北）；联系电话：68618629，15939938012。
                  <br />
                  五、其他要求
                  <br />
                  1.实验室数据的统计报送是每年一度常规性工作，时间紧、任务重，请各教学单位高度重视实验室信息统计数据工作，由分管副院长主抓，安排专人负责。各教学单位填报人员要认真学习和研究指标体系和附件中的填报说明，按要求认真如实填报，并对上报数据的准确性和完整性负责，确保统计数据的时效和质量。
                  <br />
                  2.实验室建设与管理中心要对各部门报表进行汇总、检测，并使用资产管理信息系统软件生成数据报表。为保证学校按时完成实验室信息统计数据的上报工作，请各教学单位在规定时间内保质保量完成信息填报。
                  <br />
                  实验室建设与管理中心
                  <br />
                  2023年9月6日
                </div>
              </el-collapse-item>
              <el-collapse-item
                title="关于开展新学期实验室检查的通知&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2023年10月27日"
                name="4"
              >
                <div>
                  <br />
                  时间：2023-08-30
                  <br />
                  各教学单位：
                  <br />

                  为切实做好新学期实验室安全和运行保障工作，消除安全隐患，营造安全稳定高效的实验室运行环境，学校决定组织开展实验室检查。现将有关事项通知如下：
                  <br />
                  一、检查范围
                  <br />
                  全校教学、科研实验室。
                  <br />
                  二、检查内容
                  <br />
                  （一）实验室安全
                  <br />
                  根据教育部《高等学校实验室安全检查项目表》所列内容，重点包括实验室安全责任体系、实验室安全制度、实验室环境安全、实验室用电安全、危险化学品安全、易燃易爆气体及气瓶安全、放射装置及放射源安全、生物安全和实验设备安全等方面。
                  <br />
                  （二）实验室运行
                  <br />
                  重点包括实验室运行、实验室秩序、仪器设备运行、实验室防疫情况等。
                  <br />
                  （三）实验课准备
                  <br />
                  主要包括实验室卫生、实验耗材购置、实验教学设备准备情况等。
                  <br />
                  三、检查方式
                  <br />
                  本次检查分单位自查、学校检查和整改反馈三个阶段进行。
                  <br />
                  （一）单位自查（9月1日至9月8日）
                  <br />
                  各单位结合实际，制定检查方案，对本单位实验室进行自查，检查中发现的安全隐患要及时进行整改，并认真填报《实验室检查记录表（实验场所、消防部分、运行情况）》，对于不能立即整改的实验室安全隐患，请填报《实验室检查记录表（安全隐患和整改情况）》，于9月8日前报送实验室建设与管理中心（成均楼A413北房间），电子版发至实验室建设与管理中心李艳波OA。
                  <br />
                  （二）学校检查（9月11日至9月15日）
                  <br />
                  学校成立实验室安全检查工作小组，对全校实验室进行现场检查。
                  <br />
                  （三）整改反馈（9月18日至9月22日）
                  <br />
                  对检查中发现的责任落实不到位、隐患排查和整治不及时、管理不严、实验室运行不畅、实验准备不充分等问题，责令相关单位限期整改，并对整改情况进行再次检查，确保安全隐患闭环管理。
                  <br />
                  四、工作要求
                  <br />
                  各单位应高度重视实验室检查工作，按照学校部署，加强领导、明确责任，认真组织开展本单位实验室自查工作，充分保障新学期实验室良好有序运行，及时消除安全隐患，全面提升师生安全意识和防范能力，建立健全实验室监管责任体系和常态化自查机制。
                  <br />
                  实验室建设与管理中心
                  <br />
                  2023年8月30日
                </div>
              </el-collapse-item>
              <el-collapse-item
                title="关于召开大型仪器设备使用管理座谈会的通知&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2023年10月26日"
                name="4"
              >
                <div>
                  相关教学单位：&nbsp;&nbsp;&nbsp;&nbsp;
                  <br />
                  为贯彻落实《中共洛阳师范学院委员会学习贯彻习近平新时代中国特色社会主义思想主题教育调查研究方案》（洛师教组发〔2023〕4号），结合部门工作实际，拟组织召开大型仪器设备使用管理座谈会，征询仪器管理员的建议，切实了解我校大型仪器设备管理现状和使用管理中遇到的问题，现将有关事项通知如下：
                  <br />
                  一、参会人员
                  <br />
                  大型仪器设备所属单位分管领导、实验室管理人员、仪器管理人员等。
                  <br />
                  二、座谈会内容
                  <br />
                  1.大型仪器设备管理现状；
                  <br />
                  2.大型仪器设备管理中遇到的问题；
                  <br />
                  3.关于大型仪器设备范围界定征询建议；
                  <br />
                  4.关于大型仪器设备怎样开放共享收费的建议。
                  <br />
                  三、座谈会时间
                  <br />
                  2023年5月25日（星期四）9:00
                  <br />
                  四、地点
                  <br />
                  化学楼会议室A15-214
                  <br />
                  联系人：李老师 联系电话:68618629。
                  <br />
                  实验室建设与管理中心
                  <br />
                  2023年5月22日
                </div>
              </el-collapse-item>
              <el-collapse-item
                title="关于召开2023年实验室安全检查工作动员部署会的通知&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2023年10月25"
                name="5"
              >
                <div>
                  各有关单位：
                  <br />
                  根据教育部和省教育厅统一部署，拟定于2023年4月17日（星期一）召开2023年实验室安全检查工作动员部署会，具体安排如下：
                  <br />
                  一、时间地点
                  <br />
                  4月17日（星期一）下午16时30分，成均楼B301会议室。
                  <br />
                  二、参会人员
                  <br />
                  分管校领导、各教学单位分管实验室工作的领导、实验室管理人员1人，保卫处、教务处、科研管理处、国有资产管理处相关负责人，实验室建设与管理中心全体人员。
                  <br />
                  三、主要内容
                  <br />
                  根据教育部和省教育厅通知要求，部署我校2023年实验室安全检查工作及实验室管理有关工作。
                  <br />
                  请参会人员提前10分钟入场，将手机调为静音或关闭状态。
                  <br />
                  实验室建设与管理中心
                  <br />
                  2023年4月14日
                </div>
              </el-collapse-item>
            </el-collapse>
          </div>
        </el-col>
        <!-- 推荐模块 -->
        <el-col
          :span="11"
          style="margin-left: 2px; background-color: rgba(94, 99, 116, 0.26); border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 8px rgba(0, 0, 0, .04)浅色投影 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1)"
        >
          <div class="block">
            <el-col class="demonstration" style="color: rgb(114, 169, 145)">
              今日推荐实验室</el-col
            >
            <el-row>
              <el-col
                ><el-image
                  :src="src"
                  style="width: 180px; height: 180px"
                ></el-image>
                <el-skeleton
              /></el-col>
              <el-link type="primary" @click="jump">主要链接</el-link>
            </el-row>
          </div>
        </el-col>
      </el-row>
    </el-main>
  </el-container>
</template>
  <script>
import { ElMessage } from "element-plus";
export default {
  name: "userone",
  data() {
    return {
      src: "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
      imgArray: [
        require("@/assets/002.jpg"),
        require("@/assets/001.jpg"),
        require("@/assets/003.jpg"),
        require("@/assets/004.jpg"),
        require("@/assets/005.jpg"),
      ],
      todos: [],
      textarea: "",
    };
  },
  methods: {
    pinglun() {
      if (this.textarea.length == 0) {
        ElMessage({
          message: "评论失败，输入框为空",
          type: "warning",
          duration: 3000,
        });
      } else {
        this.todos.values.push(this.textarea);
        this.textarea = "";
      }
    },
    jump() {
      this.$router.push({ name: "Success" });
    },
  },
};
</script>
  <style>
.rightImg {
  width: 100%;
  height: 45vh;
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 18px;
  opacity: 0.75;
  line-height: 500px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
.grid-content ep-bg-purple {
  height: 100%;
}
.row {
  margin-bottom: 20px;
  margin-top: 50px;
}
</style>



